<!DOCTYPE html>
<html>
	<head>
		<title>HTML5 & Javascript</title>
		<script type="text/javascript" src="../libs/jquery-1.4.4.js"></script>
		<script type="text/javascript" src="../libs/jquery-ui-1.8.6.custom.min.js"></script>
		<script type="text/javascript" src="../libs/dragdrop.js"></script>

		<link href="../css/dragdrop.css" type="text/css" rel="stylesheet" />


	</head>
	<body>

		<div id="delegated">
			<ul class="drag_delegates draglist">
				<li class="dragme" id="wil9634" draggable="true">wil9634</li>
				<li class="dragme" id="antwanvdm" draggable="true">antwanvdm</li>
				<li class="dragme" id="bblok11" draggable="true">bblok11</li>
				<li><a href="#" class="spawn">+ Add user</a></li>
			</ul>
			<ul class="drop_delegates droplist">
				<li class="dropbox" id="dropbox">
					Drop here!
				</li>
				<div class="userlist"><ul id="users"></ul></div>
			</ul>
		</div>

	</body>
</html>